<script setup lang="ts">

import Myconsultation from "@/components/gerenzhongxin/Content/Myconsultation/Myconsultation.vue";
import Myappointment from "@/components/gerenzhongxin/Content/Myappointment/Myappointment.vue";
import Evaluationrecord from "@/components/gerenzhongxin/Content/Evaluationrecord/Evaluationrecord.vue";
</script>

<template>
<div>
    <div class="center">
<!--        预约-->
    <Myconsultation id="one"></Myconsultation>
<!--        咨询-->
    <Myappointment id="two"></Myappointment>
<!--        测评-->
    <Evaluationrecord id="three"></Evaluationrecord>
    </div>
</div>
</template>

<style scoped lang="less">
  .center{
      margin-top: -10px;
      width: 98%;
      margin: -30px auto;
      border-radius: 10px;
      height: 85px;
      display: flex;
      justify-content: space-around;
      background-color: white;
      #one:hover,
      #two:hover,
      #three:hover{
          cursor:pointer;
      }


  }
</style>